<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $global, $fn } = props.ujt;
</script>
<template>
    {{ $global.theme }}
    <button @pointerdown="$fn.changetheme('auto')">切换风格</button>
    <button @pointerdown="$fn.changetheme('theme-dark')">黑色</button>
    <button @pointerdown="$fn.changetheme('theme-light')">白色</button>
</template>

<style scoped lang="scss">
button {
    height: 38px;
    padding: 0 12px;
    margin-right: 12px;
    background-color: var(--cm8);
    color: var(--cm0);
}
</style>
